window.onload = function() {

    function is_weixn() {
        var ua = navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) == "micromessenger") {
            $('.wrap3 .swiper-slide').css('padding-top', '.3rem');
            $('.wrap2 .swiper-slide').css('padding-top', '.3rem');
        }
    }

/***** 声音开关 *****/

    $('.mute').click(function() {
        if ($(this).hasClass('on')) {
            $(this).removeClass('on');
             $('#music')[0].play();
        }
        else{
            $(this).addClass('on');
            $('#music')[0].pause();
            
        }
    });

    var mySwiper1 = new Swiper('.box', {
        direction: 'vertical',
        navigation: {
            nextEl: '.start',
        },
    });

    var mySwiper2 = new Swiper('.sec-section', { //瀛恠wiper
        direction: 'vertical',
    });
    var startScroll, touchStart, touchCurrent;
    mySwiper2.slides.on('touchstart', function(e) {
        startScroll = this.scrollTop;
        touchStart = e.targetTouches[0].pageY;
    }, true);
    mySwiper2.slides.on('touchmove', function(e) {
        touchCurrent = e.targetTouches[0].pageY;
        var touchesDiff = touchCurrent - touchStart;
        var slide = this;
        var onlyScrolling =
            (slide.scrollHeight > slide.offsetHeight) && //allow only when slide is scrollable
            (
                (touchesDiff < 0 && startScroll === 0) || //start from top edge to scroll bottom
                (touchesDiff > 0 && startScroll === (slide.scrollHeight - slide.offsetHeight)) || //start from bottom edge to scroll top
                (startScroll > 0 && startScroll < (slide.scrollHeight - slide.offsetHeight)) //start from the middle
                );
            if (onlyScrolling) {
                e.stopPropagation();
            }
        }, true);

    var mySwiper3 = new Swiper('.th-section', { //瀛恠wiper
        direction: 'vertical',
    });
    var startScroll, touchStart, touchCurrent;
    mySwiper3.slides.on('touchstart', function(e) {
        startScroll = this.scrollTop;
        touchStart = e.targetTouches[0].pageY;
    }, true);
    mySwiper3.slides.on('touchmove', function(e) {
        touchCurrent = e.targetTouches[0].pageY;
        var touchesDiff = touchCurrent - touchStart;
        var slide = this;
        var onlyScrolling =
            (slide.scrollHeight > slide.offsetHeight) && //allow only when slide is scrollable
            (
                (touchesDiff < 0 && startScroll === 0) || //start from top edge to scroll bottom
                (touchesDiff > 0 && startScroll === (slide.scrollHeight - slide.offsetHeight)) || //start from bottom edge to scroll top
                (startScroll > 0 && startScroll < (slide.scrollHeight - slide.offsetHeight)) //start from the middle
                );
            if (onlyScrolling) {
                e.stopPropagation();
            }
        }, true);


    $(".wrap2 .item .pick").click(function() {
        $(this).hide();
        $(this).siblings('.con').show().siblings('.con').hide();
    });
};